<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 选中ul第一个子元素*/
        /* ul:first-child{
            color: red;
        } */
        /* 选中ul最后一个子元素 */
        /* ul:last-child{
            color: orange;
        } */
        /* 选中ul中要选中的子元素 */
        /* li:nth-child(3){
            color:yellow;
        }  */
        /* 可以选中ul中所有子元素 */
        /* ul:nth-child(n){
            color: aqua;
        } */
        /* 2n可以选中ul所有的偶数子元素，2n+1可以选中所有的奇数子元素 */
        /* ul:nth-child(2n){
            color: aquamarine;
        } */

/* :first-of-type可选中li中同类型的第一个元素 
:last-of-type可选中li中同类型中的最后一个元素
:nth-of-type可选中li中同类型中要选中的元素*/
        /* ul li:first-of-type{
            color: red;
        }
        ul li:nth-of-type(2){
            color: blue;
        } */

/*:not(:nth-of-type(1))可不选中li中同类型的第一个元素*/
        ul li:not(:nth-of-type(1)){
            color: red;
        }
    </style>
</head>
<body>
    <ul>
        <p>jkfjk</p>
        <li>第一</li>
        <span>kkk</span>
        <li>第二</li>
        <li>第三</li>
        <li>第四</li>
    </ul>
</body>
</html>